import * as React from "react";
import { RouteObject, Navigate } from "react-router-dom";
import LayoutPage from "../layout";
import Login from "../login";
import lazyLoad from "./lazyload";
import Social from '../socialsecurity'

// const RootRouter:RouteObject[]=[
//     {
//       path: "/",
//       element: <LayoutPage />,
//       children: [
//         {
//           path: "/home",
//           element:lazyLoad(React.lazy(() => import("../home"))),
//         },
//         { path: "watermark", element:lazyLoad(React.lazy(() => import("../watermark"))), },
//         { path: "tag", element:lazyLoad(React.lazy(() => import("../tag"))), }
//       ],
//     },
//     { path: "/login", element: <Login /> },
//   ]


const RootRouter: RouteObject[] = [
  {
    path: "/",
    element:<Social />
  },
  { path: "/404", element: lazyLoad(React.lazy(() => import("../404"))) },
  {
    path: "*",
    element: <Navigate to="/404" />
  },
]


export default RootRouter